/**
 * merge level=28
 */
Ext.define('Jfok.module.chart.ColumnChart', {

			extend : 'Ext.chart.Chart',
			alias : 'widget.columnchart',
			border : 1,
			shadow : true,
			initComponent : function() {
				var me = this;
				this.axes = [{
							type : 'Numeric',
							position : 'left',
							fields : this.numericField,
							title : this.numericTitle,
							minimum : 0,
							label : {
								renderer : Ext.util.Format.numberRenderer('0,0')
							},
							minorTickSteps : 4,
							grid : this.grid
						}, {
							type : 'Category',
							position : 'bottom',
							fields : this.categoryField,
							title : this.categoryTitle
						}];

				this.series = [{
							type : 'column',
							axis : 'left',
							highlight : true,
							xField : this.categoryField,
							yField : this.numericField,
							title : this.numericTitle,
							label : {
								display : 'insideEnd',
								'text-anchor' : 'middle',
								field : this.numericField,
								renderer : Ext.util.Format.numberRenderer('0'),
								orientation : 'vertical',
								color : '#333'
							},
							tips : {
								trackMouse : true,
								width : 300,
								height : 22,
								renderer : function(storeItem, item) {
									// console.log(storeItem);
									// console.log(item);
									this.setTitle(storeItem.get(me.categoryField) + ': ' // +
																																				// item.series.title
																																				// + ':
																																				// '
											+ storeItem.get(item.yField));
								}
							}
						}]

				if (Ext.isArray(this.numericTitle))
					this.legend = {
						position : 'right'
					};
				if (!this.showDetailNumber)
					delete this.series[0].label;
				if (!this.showTips)
					delete this.series[0].tips;

				this.callParent(arguments);
			}

		})